<!doctype html>

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>Carrot Search FoamTree - interactive visualization of hierarchical data structures</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" type="text/css" href="assets/css/fill.css" />
  </head>

  <body>
    <div id="main">
      <div id="viscontainer">
        <img width="32" height="32" src="" />
      </div>
    </div>

    <script type="text/javascript" src="assets/js/json2.js"></script>
    <script type="text/javascript" src="assets/js/error-handler.js"></script>

    <script type="text/javascript" src="assets/js/carrotsearch.foamtree.js"></script>
    <script type="text/javascript" src="assets/js/swt-to-visualization.js"></script>

    <!-- Embed the visualization. -->
    <script type="text/javascript">//<![CDATA[
      embedWhenReady(function() {
          window.vis = new CarrotSearchFoamTree({
            id: "viscontainer",
            captureMouseEvents: false,
            pixelRatio: Math.min(1.5, window.devicePixelRatio || 1),
    
            rainbowStartColor: "hsla(  0, 100%, 70%, 1)",
            rainbowEndColor:   "hsla(359, 100%, 70%, 1)",
            groupFillGradientCenterLightnessShift: 12,
    
            rolloutDuration: 1000,
            relaxationMaxDuration: 5000,
            wireframeLabelDrawing: true,
    
            onModelChanged: function() {
              // Wrap in JS with a dummy function so that arguments are not passed
              // to SWT (this causes errors on a Mac).
              swt_onModelChanged();
            },
    
            onGroupSelectionChanged: function(selection) {
                swt_onGroupSelectionChanged(selection.groups.map(function(g) { return g.id; }));
            }
          });

          // The visualization should be loaded and ready by now.
          swt_onVisualizationLoaded();
      });
    //]]></script>
  </body>
</html>
